<!-- <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>会员信息-郫县电影</title>
<link rel="short icon"  href="/photo/head.png"/>
<style type="text/css">
	/*伪类选择器*/
	.city-container:hover>div.city-list{
		display: block;
		background-color: block;
	}
	.header .nav .navbar li a:hover {
	    color: #ef4238;
	}
	.header .user-info .user-avatar:hover {
	    border-color: #d8d8d8;
	}
	.header .user-info .user-avatar:hover .caret {
	    -webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	.city-container:hover .caret {
	    -webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	.header .user-info .user-avatar:hover .user-menu {
	    display: block;
	}
	.city-container .city-list ul li div a:hover {
	    background-color: #ef4238;
	    color: #fff;
	}
	.header .user-info .user-menu li>a:hover {
	    color: #ef4238;
	    text-decoration: underline;
	}
	.footer .friendly-links a:hover {
	    text-decoration: underline;
	}
	.clearfix:after {
	    clear: both;
	}

	/*伪类组合选择器*/
	a:focus, div:focus, input:focus {
	    outline: none;
	}
	a:active, a:hover {
	    outline-width: 0;
	}
	.clearfix:after, .clearfix:before {
	    content: " ";
	    display: table;
	}

	/*组合选择器*/
	.header form, .header h3, .header input, .header li, .header ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    border: none;
	}
	ul, ul li {
	    list-style: none;
	}
	dd, dl, dt, h1, h2, h3, h4, h5, h6, li, p, ul {
	    margin: 0;
	    padding: 0;
	}
	.footer p, .footer p a {
	    color: #666;
	}
	.celeInfo-left .avatar-shadow, .cinema-left .avatar-shadow {
	    position: relative;
	    margin: 0 30px;
	    width: 240px;
	    height: 330px;
	    padding-bottom: 40px;
	    background: url() no-repeat bottom;
	}
	.banner li, .banner p, .banner ul {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    line-height: 1;
	}
	.jBox-wrapper, .jBox-wrapper * {
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.jBox-Confirm .jBox-container, .jBox-Modal .jBox-container {
	    border-radius: 3px;
	    box-shadow: 0 3px 15px rgba(0,0,0,.4), 0 0 5px rgba(0,0,0,.4);
	}
	.jBox-container, .jBox-content, .jBox-title {
	    position: relative;
	    word-break: break-word;
	}
	.info-content .orders-container, .info-content .profile-container {
	    float: left;
	    margin-left: 200px;
	    padding-left: 40px;
	    width: 922px;
	    min-height: 900px;
	}
	.info-content .orders-container .profile-title, .info-content .profile-container .profile-title {
	    padding: 26px 0;
	    color: #ec443f;
	    font-size: 18px;
	    border-bottom: 1px solid #e1e1e1;
	    margin-bottom: 30px;
	}
	.cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	}
	.img-cropper .img-cropper-container .img-cropper-footer .img-btn-cancel, .img-cropper .img-cropper-container .img-cropper-footer .img-btn-confirm {
	    display: inline-block;
	    height: 34px;
	    width: 72px;
	    font-size: 16px;
	    text-align: center;
	    line-height: 34px;
	    border-radius: 5px;
	    cursor: pointer;
	}
	.img-cropper .img-cropper-container .img-cropper-footer .img-btn-cancel {
	    color: #000;
	    background-color: #ebebeb;
	}


	/*标签选择器*/
	html {
	    font-family: sans-serif;
	    -ms-text-size-adjust: 100%;
	    -webkit-text-size-adjust: 100%;
	}
	body {
	    font-family: Microsoft YaHei,Helvetica,Arial,sans-serif;
	    background-color: #fff;
	    -webkit-font-smoothing: subpixel-antialiased;
	    margin: 0;
	}
	a {
	    background-color: transparent;
	    -webkit-text-decoration-skip: objects;
	    text-decoration: none;
	}
	img {
	    border-style: none;
	}
	button, input {
	    overflow: visible;
	}
	button, input, select, textarea {
	    font: inherit;
	    margin: 0;
	}
	ul {
	    list-style: none;
	    padding-left: 0;
	    margin: 0;
	}

	/*类选择器*/
	.header{
		position: fixed;
		top: 0;
		z-index: 999;
	    width: 100%;
	    min-width: 1200px;
	    background-color: #fff;
	    border-bottom: 1px solid #d8d8d8;
	}
	.header-inner{
		width: 1200px;
	    margin: 0 auto;
	    height: 80px;
	}
	.header .logo {
	    float: left;
	    width: 133px;
	    height: 80px;
	    background: url(…mAM7EgqAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) no-repeat 0;
	    background-size: contain;
	}
	.city-container {
	    position: relative;
	    float: left;
	    margin: 0 8px;
	    height: 100%;
	}
	.city-container .city-selected {
	    cursor: pointer;
	    height: 100%;
	    padding: 0 10px;
	    border: 1px solid transparent;
	    border-width: 0 1px;
	    z-index: 101;
	}
	.city-container .city-name {
	    display: inline-block;
	    margin-top: 32px;
	    color: #333;
	}
	.caret {
	    display: inline-block;
	    width: 0;
	    height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
	    border-top: 5px solid #666;
	    border-right: 5px solid transparent;
	    border-left: 5px solid transparent;
	    -webkit-transition: all .2s ease;
	    transition: all .2s ease;
	}
	.city-container .city-list {
	    background-color: #fff;
	    border: 1px solid #d8d8d8;
	    position: absolute;
	    z-index: 100;
	    width: 478px;
	    height: 330px;
	    overflow-y: scroll;
	    left: 0;
	    top: 80px;
	    display: none;
	}
	.city-container .city-list .city-list-header {
	    padding-left: 20px;
	    line-height: 58px;
	    border-bottom: 1px solid #e5e5e5;
	    margin-bottom: 10px;
	}
	.city-container .city-list .city-list-header a {
	    cursor: pointer;
	}
	.city-container .city-list ul li {
	    line-height: 30px;
	}
	.city-container .city-list ul li span {
	    margin-left: 20px;
	    width: 20px;
	    text-align: center;
	    float: left;
	    vertical-align: top;
	    display: block;
	    background-color: #eee;
	    font-weight: 700;
	    line-height: 20px;
	    margin-top: 5px;
	}
	.city-container .city-list ul li div {
	    margin-left: 40px;
	    display: block;
	    margin-bottom: 10px;
	}
	.city-container .city-list ul li div a {
	    display: inline-block;
	    line-height: 24px;
	    margin-top: 3px;
	    padding: 0 5px;
	    text-align: center;
	    cursor: pointer;
	}
	.header .nav {
	    display: inline-block;
	    background-color: #fff;
	    overflow: hidden;
	    float: left;
	    width: 490px;
	    height: 80px;
	}
	.header .nav .navbar li {
	    float: left;
	    width: 110px;
	    height: 80px;
	}
	.header .nav .navbar li a {
	    text-align: center;
	    display: inline-block;
	    height: 80px;
	    line-height: 80px;
	    width: 110px;
	    font-size: 18px;
	    color: #333;
	}
	.header .nav .navbar li a.active {
	    color: #fff;
	    background-color: #ef4238;
	}
	.header .user-info {
	    float: right;
	    position: relative;
	    z-index: 9999;
	    height: 100%;
	}
	.header .user-info .user-avatar {
	    display: block;
	    border: 1px solid transparent;
	    border-top: none;
	    border-bottom: none;
	    padding: 0 10px;
	    width: 56px;
	    height: 100%;
	}
	.header .user-info .user-avatar img {
	    margin-top: 20px;
	    width: 40px;
	    height: 40px;
	    border-radius: 50%;
	    cursor: pointer;
	}
	.caret {
	    display: inline-block;
	    width: 0;
	    height: 0;
	    margin-left: 2px;
	    vertical-align: middle;
	    border-top: 5px solid #666;
	    border-right: 5px solid transparent;
	    border-left: 5px solid transparent;
	    -webkit-transition: all .2s ease;
	    transition: all .2s ease;
	}
	.header .user-info .user-avatar .caret {
	    position: absolute;
	    top: 39px;
	    right: 10px;
	}
	.header .user-info .user-menu {
	    display: none;
	    position: absolute;
	    right: 0;
	    top: 80px;
	    border: 1px solid #d8d8d8;
	    background-color: #fff;
	    font-size: 14px;
	    color: #333;
	    text-align: right;
	    padding: 15px 26px 5px;
	    text-align: center;
	}
	.header .user-info .user-menu li {
	    margin-bottom: 6px;
	}
	.header .user-info .user-menu li>a {
	    color: #999;
	    display: block;
	    word-break: keep-all;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.header form {
	    float: right;
	    margin: 20px 10px 0 0;
	    position: relative;
	}
	.header form .search {
	    display: inline-block;
	    height: 40px;
	    line-height: 1.2;
	    width: 220px;
	    padding: 0 40px 0 20px;
	    border: 1px solid #ccc;
	    font-size: 14px;
	    border-radius: 30px;
	    background-color: #faf8fa;
	    overflow: hidden;
	    color: #333;
	}
	.header form input {
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.header form .submit {
	    display: inline-block;
	    position: absolute;
	    left: 180px;
	    top: 0;
	    height: 40px;
	    width: 40px;
	    background-color: #ef4238;
	    border-radius: 30px;
	    background-image: url(photo/MaoYaoShouYe/16pic_2081134_b.jpg);
	    cursor: pointer;
	}
	.footer {
	    background-color: #262426;
	    padding: 56px 0;
	    margin: 0 auto;
	    min-width: 1200px;
	    visibility: hidden;
	    margin-top: 82px;
	    position: relative;
	    top: 81px;
	}
	.footer p {
	    margin: 0;
	    padding: 0;
	    text-align: center;
	    font-size: 14px;
	    line-height: 20px;
	}
	.footer .friendly-links a {
	    color: #ef4238;
	}
	.friendly-links span {
	    display: inline-block;
	    border-left: 1px solid #444;
	    margin: 0 7px;
	    height: 12px;
	    position: relative;
	    top: 1px;
	}
	.container {
	    width: 1200px;
	    margin: 0 auto;
	    margin-top: 111px;
	    height: 550px;
	}
	.content {
	    overflow: hidden;
	    margin-top: 30px;
	    height: 702px;
	}
	.main {
	    padding: 0 18px;
	}
	.info-content {
	    border: 1px solid #e1e1e1;
	    position: relative;
	    height: 700px;
	}
	.info-content .user-profile-nav {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    width: 200px;
	    background-color: #f4f3f4;
	    text-align: center;
	    border-right: 1px solid #e1e1e1;
	}
	.info-content .user-profile-nav h1 {
	    margin-top: 40px;
	    margin-bottom: 30px;
	    font-size: 22px;
	    color: #222;
	    font-weight: 400;
	}
	.main h1 {
	    color: red;
	}
	.info-content .user-profile-nav a {
	    display: block;
	    font-weight: 400;
	    color: #333;
	    height: 40px;
	    width: 202px;
	    margin-left: -1px;
	    line-height: 40px;
	    font-size: 18px;
	}	
	.info-content .user-profile-nav a.active {
	    color: #fff;
	    background-color: #ed3931;
	}
	div.userexinfo-bottom-section {
	    margin: 50px 30px;
	    height: 50px;
	}
	
	.userexinfo-bottom-section a {
	    cursor: pointer;
	    border-radius: 5px;
	    text-align: center;
	    display: block;
	    color: #333;
	    height: 40px;
	    width: 100px;
	    line-height: 40px;
	    font-size: 18px;
	    background-color: #d8d8d8;
	    margin-left: 50px;
	    float: left;
	}
	.userexinfo-bottom-section .recharge {
		background-color: #ed3931;
		color: #fff;
	}
	.profile-container .label{
		margin-bottom: 30px;
		margin-left: 30px;
	}
</style>
</head>
<body>
	<div class="header">
	  <div class="header-inner">
	        <a href="/" class="logo" data-act="icon-click"></a>
			<div class="city-container" data-val="{currentcityid:59 }">
				<div class="city-selected">
					<div class="city-name">
					  成都
					  <span class="caret"></span>
					</div>
				</div>
				<div class="city-list" data-val="{ localcityid: 59 }">
					<div class="city-list-header">
						定位城市：
						<a class="js-geo-city">成都</a>
					</div>
		              
				</div>
			</div>


			<div class="nav">
				<ul class="navbar">
					<li>
						<a href="/home" data-act="home-click"  >首页</a>
					</li>
					<li>
						<a href="/filmBeShowing" data-act="movies-click" >电影</a>
					</li>
					<li>
						<a href="/cinemas" data-act="cinemas-click" >影院</a>
					</li> 
					<li>
						<a href="/board" data-act="board-click" >榜单</a>
					</li>
				</ul>
			</div>

			<div class="user-info">
				<div class="user-avatar J-login">
					<img src="https://p0.meituan.net/movie/7dd82a16316ab32c8359debdb04396ef2897.png">
					<span class="caret"></span>
						<c:choose>
							<c:when test="${sessionScope.cur_user == null }">
								<ul class="user-menu">
									<li><a  href="/login">登录</a></li>
								</ul>							
							</c:when>
							<c:otherwise>
								<ul class="user-menu">
									<li><a  href="/logoff">注销</a></li>
									<li><a  href="/user_update">个人信息</a></li>
								</ul>		
							</c:otherwise>
						</c:choose>
				</div>
			</div>

			<form action=""/findfilms_byname"" target="_blank" class="search-form" data-actform="search-click">
				<input name="name" class="search" type="search" maxlength="32" placeholder="找影视剧、影人、影院" autocomplete="off">
				<input class="submit" type="submit" value="">
			</form>
	  </div>
	</div>
	<div class="header-placeholder"></div>
	<div class="container" id="app">
		<div class="content">
			<div class="main">
			    <div class="info-content clearfix">
			    	<div class="user-profile-nav">
			        	<h1>个人中心</h1>
			        	<a href="/myorders" class="orders ">我的订单</a>
			        	<a href="/user_update" class="profile active">基本信息</a>
			    	</div>
			    	<div class="profile-container">
			    		<div class="profile-title">
			          		会员信息
			        	</div>
			        	<div class="label">
			        		<label>当前会员等级：${requestScope.memberType }</label>
			        	</div>
						<div class="label">
							<label>当前会员权益：购票享受${requestScope.discount }折优惠</label>
						</div>
						<div class="label">
							<label>会员到期时间：${sessionScope.cur_user.printMemberDate() }</label>
						</div>
						<div class="userexinfo-bottom-section">
							<a class="recharge" href="/recharge">充值会员</a>
							<a  href="/user_update">返回</a>
						<div>
					</div>
	    		</div>
			</div>	
		</div>
	</div>

</body>
</html>